<template>
  <div class="px-4 pb-8 bg-white">
    <BasicTable
      :columns="columns"
      :dataSource="data"
      :loading="loading"
      striped
      bordered
      showTableSetting
      :pagination="pagination"
      :resizeHeightOffset="52"
    >
      <template #bodyCell="{ column, record }">
        <template v-if="column.key === 'action'">
          <span class="">
            <a>导出</a>
            <a class="ml-4">详细</a>
          </span>
        </template>
      </template>
    </BasicTable>
  </div>
</template>
  <script lang="ts">
import { defineComponent, ref } from 'vue';
import { BasicTable } from '/@/components/Table';
import { getCols, getRows } from './tableData';

export default defineComponent({
  components: { BasicTable },
  setup() {
    const loading = ref(false);
    const pagination = ref<any>(true);

    return {
      columns: getCols(),
      data: getRows(),
      loading,
      pagination,
    };
  },
});
</script>
  